<script setup>

    import {ref,reactive,computed} from 'vue'

    let car = reactive({
        brand: "小米",
        price: 1200
    })

    const num = ref(1);

    //函数
    const totalPrice = ()=>{
        console.log("计算价格了====>",new Date())
        return num.value * car.price;
    }

    //属性计算
    const total = computed(()=>{
        console.log("computed 计算价格了====>",new Date())
        return num.value * car.price;
    })

</script>

<template>
    Test page

    车辆信息： {{car.brand}} -->价格:{{ car.price }}
    <br>
    总价1： {{ totalPrice() }}
    总价2： {{ totalPrice() }}
    总价3： {{ totalPrice() }}
    总价4： {{ totalPrice() }}
    <br>
    总价1： {{ total }}
    总价2： {{ total }}
    总价3： {{ total }}
    总价4： {{ total }}
</template>

<style scoped>

</style>